/*public*/
@import url("../new_fonts/iconfont.css");
*{
    margin:0;
    padding: 0;
    list-style: none;
}
html,body{
    min-width:320px;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    -webkit-touch-callout: none;/*禁止长按菜单*/
    -webkit-text-size-adjust: none;/*取消浏览器最小字体限制*/
    -webkit-tap-highlight-color: transparent;/*取消a标签在移动端点击的背景颜色*/
}
@media screen and (max-width:320px){html{font-size:12px}}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:14px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:16px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:18px}}
@media screen and (min-width:640px){html{font-size:20px;}}
select,option{
    border: none;
    outline: none;
}
input,textarea,select{
    outline: none;
    box-sizing: border-box;
    background-color: transparent;
    border-color: transparent;
    -webkit-appearance: none;
}
body{

    min-width: 320px;
    width:100%;
    background-color:#f5f5f5;
    margin: 0 auto;
    font: 14px/1.5em Arial,'Microsoft YaHei','Helvetica Neue','Hiragino Sans GB','STHeiti','SimHei',sans-serif
}

/*
body{background-color:#f5f5f5;width:100%;margin:0 auto;min-width:320px;max-width:640px;color:#555;background:#eaeaea;font:14px/1.5em; Arial,'Microsoft YaHei','Helvetica Neue','Hiragino Sans GB','STHeiti','SimHei',sans-serif;position:relative;word-wrap:break-word;word-break:normal;}
*/

input{
    border: none;
    outline: none;
}
a{
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: #666666;
}
img{
    max-width: 100%;
}
.flex_display{
    display: -webkit-box;
    display: -moz-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
}
.flex-0{
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}
.flex-1{
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flex-justify{
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.p-1, .p-2, .p-3 { overflow: hidden; text-overflow: ellipsis; }
.p-1 { white-space: nowrap; }
.p-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.p-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.fl{
    float: left;
}
.fr{
    float: right;
}
.fontz{
    font-size: 0.42rem;
}
.font_title{
    font-size: 0.54rem;
    padding: 0 0.45rem;
}
.color_red{
    color: #b4272d !important;
}
.color_green{
    color: #70a087!important;
}
.margin_bot{
    margin-top: 1.32rem!important;
}
.X{
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
/*header*/
header{
    width: 100%;
    height: 1.32rem;
    line-height: 1.32rem;
    background-color: #129aee;
    color: #ffffff;
    position:fixed;
    top: 0;
    text-align: center;
    font-size: 0.51rem;
    z-index:20;

}
header>a:first-child{
    font-size:0.5rem;
    color:#fff;
    position: absolute;
    left:0;
    top: 0;
    width:1.2rem;
}
header>a:first-child:active{
    background-color: #e2e2e2;
    opacity: 0.5;
}
header a .icon-xialalan-copy{
    font-size:0.5rem;
}
header .search_icon{
    font-size: 0.5rem;
    position: absolute;
    top: 0rem;
    left: 1.4rem;
}
header input{
    width: 7.5rem;
    height: 0.84rem;
    border-radius: 0.1rem;
    text-indent: 2em;
    font-size: 0.42rem;
    background-color: #4db7f5;
    color:#fff;
}
header input::-webkit-input-placeholder{
    color:#ffffff;
}
header input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#ffffff;
}
header input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#ffffff;
}
header input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#ffffff;
}
header>img{width:2rem;float: left;margin: 0.3rem 0 0 0.3rem; }
.search_new{background: #4db7f5;border-radius: 0.1rem;width: 9.5rem;margin:0.24rem 2.6rem;line-height: 0.84rem;}
.search_new select{width:1.5rem; color: #ffffff;background:#4db7f5; }
.contect{

    font-size: 0;

}
.footer_bottom{
    margin-bottom: 1.5rem;
}
.scenic_title {
    font-size: 0.36rem;
    background-color: #ffffff;
    color: #333333;
    padding: 0.3rem 0.45rem;
    position: relative;
    margin-bottom: 0.3rem;
}
.scenic_title h4{
    font-weight: normal;
    font-size: 0.54rem;
    line-height: 0.8rem;
}
.scenic_title>b{
    display: inline-block;
    border: 1px solid #999999;
    color: #999999;
    font-size: 0.42rem;
    line-height: 0.8rem;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    padding: 0 0.3rem;
    margin-right: 0.3rem;
    margin-bottom: 0.3rem;
}
.scenic_title  .on{
    border: 1px solid #b4272d !important;
    color: #b4272d !important;
}
.scenic_title span{
    color: #999999;
    line-height: 0.6rem;
}
.off{
    text-decoration: line-through;
}
.container{
    width: 12.42rem;
    padding-top: 0.3rem;
    font-size: 0.42rem;
    color: #999999;
}
.action{
    width: 100%;
    margin: 0 0.47rem ;
}
.info{
    font-size: 0.48rem;
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 0.3rem;
}
.info .info_li{
    height: 1.32rem;
    border-bottom: 0.03rem solid #e6e6e6;
    color: #333333;
    line-height: 1.32rem;
    padding: 0 0.47rem;
    position: relative;
}
.info .info_li .info_put{
    color: #999999;
    width: 9rem;
    font-size: 0.48rem;
}
.detail{
    background: #ffffff;
    padding: 0 0.48rem ;
    margin-bottom: 0.3rem;
}
.icon{
    width: 0.69rem;
    height: 0.69rem;
    margin-right: 0.47rem;
    font-size: 0.48rem;
}
.hotel_detail{
    color: #333333;
    padding-bottom: 0.3rem;
    line-height: 0.8rem;
}
.hotel_detail_1{
    color: #666666;
    margin-bottom: 0.3rem;
    line-height: 0.8rem;
}
.de_title{
    line-height: 1.32rem;
    color: #333333;
    font-size: 0.48rem;
    clear: both;
}
.div_padding{
    padding: 0 0.45rem;
}
.pop_item{
    width: 12.42rem;
}
.de_title .span_mar{
    margin-right: 0.3rem;
}
.de_title_bottom{
    border-bottom: 0.03rem solid #cccccc;
}
.txt{
    display: block;
    font-size: 0.42rem;
    color: #666666;
}
.ul_line{
    display: inline;
    width: 12.42rem;

}
.ul_line li{
    width: 32%;
    display: inline-block;
    padding-bottom:0.3rem;
}
.p_txt{
    width: 11.48rem;
    padding-bottom: 0.47rem;
}
.p_txt_1{
    width: 11.48rem;
    font-size: 0.42rem;
    height: 2.5rem;
    color:#333333;
    text-indent: 2em;
    padding: 0.3rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin: 0 auto;
    overflow: hidden;
}
/*段落收缩开始*/
.ui-tab{
    margin: 0.3rem 0.45rem;
    clear: both;
    overflow: hidden;
}
.ui-tab>i:first-child{
    display: block;
    text-align: right;
    margin: -15px auto 0 auto;
}
.info-shrink-text {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

#info-manager-content {
    font-size: 0.42rem;
    color: #404040;
}
.div_i{
    text-align: right;
    margin: -15px -5px 0 -5px;
    line-height: 0.5rem !important;
}
.more-text {
    display: -webkit-box;
    /*width: 100%;*/
    -webkit-box-sizing: border-box;
    -webkit-box-pack: end;
    color: #00a5e0;
    font-size: 0.56rem;
    display: inline-block;
    text-align: right;
    margin: -15px -5px 5px -5px;
    line-height: 0.5rem !important;

}/*段落收缩结束*/
.green{
    color:#4db455;
}
.slid{
    width: 2.16rem;
    line-height: 0.72rem;
    border-radius: 0.5rem;
    border: 0.03rem solid #3facef;
    color:#3facef;
    text-align: center;
    margin: 0.3rem auto;
    cursor: pointer;
    font-size: 0.48rem;
}
.rotate{
    display: inline-block;
    font-size: 0.48rem;
    color: #999999;
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;
}
/*复选框*/
.check , .radio_class{
    visibility: hidden;
    position: absolute;
    left: 0;
}
.check+label, .radio_class+label{
    display: inline-block;
    width: 0.46rem;
    height: 0.46rem;
    border: 0.03rem solid #cccccc;
    border-radius: 0.04rem;
    margin-right: 0.45rem;
    background: #ffffff;
}
.check:checked+label:after, .radio_class:checked+label:after{
    content: "";
    position: absolute;
    /*left: 0.48rem;*/
    bottom: 0.68rem;
    width: 0.46rem;
    height: 0.2rem;
    border: 0.08rem solid #3facef;
    border-top-color: transparent;
    border-right-color: transparent;
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    transform: rotate(-45deg);
}

.search{
    margin-left: 1.17rem;
    width: 10.8rem;
    height: 0.84rem;
    line-height: 0.84rem;
    text-indent:  0.94rem;
    font-size: 0.42rem;
    color:#ffffff ;
    border-radius: 0.1rem;
    margin-top: 0.23rem;
}

.ul_2{
    background-color: #ffffff;
    font-size: 0.48rem;
    margin-bottom: 0.3rem;
}
.ul_2 .li_2{
    padding: 0 0.47rem;

    line-height: 1.32rem;
    border-bottom: 0.03rem solid #cccccc;
}
.ul_2 .li_2>span{
    display: inline-block;
    width: 2.3rem;
}
.ul_2 .li_2>span+input{
    font-size:0.48rem;
    width: 70%;
}
.add{
    display: inline-block;
    width: 0.46rem;
    height:0.46rem;
    border-radius: 50%;
    line-height: 0.46rem;
    border: 1px solid #999999;
    font-size: 0.48rem;
    text-align: center;
    color: #999999;
    margin-top: 0.4rem;
}
.pay{
    width: 100%;
    line-height: 1.47rem;
    height: 1.47rem;
    padding: 0 0.47rem;
    font-size: 0.48rem;
    position: fixed;
    bottom: 0;
    background-color: #ffffff;
    border-top: 0.03rem solid #cccccc;
    display:inline-block;
    z-index: 3;
}
.pay_foot{
    width: 100%;
    height: 1.47rem;
    font-size: 0.48rem;
    color: #333333;
}
.pay_detail{
    display: inline-block;
    margin:0.47rem;
}
.pay_color{
    color: #d53131;
    margin-right: 0.47rem;
}
.momey_icon{
    font-size: 0.48rem;
    width: 0.9rem;
    height: 0.9rem;
}
.pay_btn{
    position: absolute;
    right:1.27rem;
    top: 0.2rem;
    width: 3.24rem;
    height: 1.08rem;
    line-height: 1.08rem;
    text-align: center;
    font-size: 0.48rem;
    color: #ffffff;
    background-color: #d53130;
    border-radius: 0.1rem;

}
/*footer*/
.footer_1{
    width: 12.42rem;
    height: 1.47rem;
    background-color: #3facef;
    color: #ffffff;
    font-size: 0.48rem;
    line-height: 1.47rem;
    text-align: center;
    position: fixed;
    bottom: 0;
}

/*底部*/
.footer{position: fixed;left: 0;right: 0;bottom: 0;background-color: #fff;border-top: 1px solid #efefef;max-width: 640px;margin: 0 auto;z-index: 8;}
.footer-home{top:0;bottom: auto;border-bottom:1px solid #eaeaea}
.footer-home li,.footer-product li{float: left;width: 50%;text-align: center;line-height:1.5rem;border-bottom: 1px solid #EAEAEA;}
.footer-home li.active a{color: #129aee;}
.footer-home li i,.footer-product li i{font-size: 2rem;}
.footer-product li>div{width: 50%;float: left;line-height: normal}

.btn{
    color: #ffffff;
}
.connect{
    color:#3facef;
}
.color_f9{
    color: #999999;
}
.font_s{
    font-size: 0.42rem;
}
.room{
    color:#333333;
}

/*遮罩层*/
.mask{
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    display: none;
}
.pop_div{
    background-color: #ffffff;
    position: fixed;
    left: 0;
    width: 100%;
    line-height: 3.72rem;
    bottom: 1.47rem;
    display: none;
}
/*.de_title>p{
    margin-left: 0.47rem;
}*/
.pop-list{
    width:100%;
    max-height:3.6rem;
    overflow-y: scroll;
    border-top: 0.03rem solid #cccccc;
}
.pop-list .flex{
    margin: 0 0.47rem;
    height: 1.2rem;
    line-height: 1.2rem;
    border-bottom: 0.03rem solid #cccccc;
    color: #666666;
    font-size: 0.42rem;
    clear: both;
    position:relative;
}
.pop-list span{
    line-height: 1.2rem;
    height:1.2rem;
}

/*酒店图片*/
.pic_item{

    height: 4.71rem;
    padding:0 0 0.45rem 0.45rem;
    margin-bottom: 0.3rem;
    background-color: #ffffff;
    clear: both;
}
.pic_item .pic_ul{
    clear: both;
}
.pic_item .pic_ul li{
    margin-right: 0.45rem;
    float: left;
    display: inline;
}
.pic_item .pic_ul li>img{
    width: 3.54rem;
    height: 3.54rem;
}
.ul_mar{
    padding: 0 0.45rem;
    margin-bottom: 0.3rem;
    background-color: #ffffff;
}
.ul_mar>li:last-child{
    border-bottom: none;
}
.ul_info{
    font-size: 0.48rem;
    border-bottom: 0.03rem solid #cccccc;
    clear: both;
    padding: 0.2rem 0;
}
.ul_info>span{
    width: 9rem;
    display: inline-block;
}
/*文本收缩*/
.contro_det{
    background-color: #cccccc;
    padding: 0.32rem;
    font-size: 0.42rem;
    line-height: 0.48rem;
    overflow: hidden;
    height:90px;
    position: relative;
}
/*.contro_det:before{
    display: block;
    content: attr(data-content);
    position: absolute;
    left: 0;
    top:0;
    height: 1.44rem;
    width: 100%;
    overflow: hidden;
}
.contro_det:after{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-line-clamp:3;
    content: attr(data-content);
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
}*/
/*文本收缩结束*/

/*图片轮播*/
.scrollpics{
    width:100%;
    position: relative;
}
.scrollpics .sea_input{

    background-color: #ffffff;
    height:0.94rem;
    opacity: 0.75;
    position: fixed;
    top: 0.94rem;
    left: 0.45rem;
    border-radius: 0.1rem;
    overflow: hidden;
    box-shadow: 0 0 0.5rem #757575;
    z-index: 2;
}
.scrollpics input{
    width:9.5rem;
    height: 0.94rem;
    border-radius: 0.1rem;
    font-size: 0.42rem;
    text-indent:1rem;
    color: #666666;
    margin: 0 auto;
    float: left;
}
.scrollpics select{
    width: 2rem;
    height: 0.94rem;
    line-height: 0.94rem;
    top:0.94rem;
    border-radius: 0.1rem;
    float: right;
    font-size: 0.42rem;
    color: #666666;
}
.scrollpics #search{
    position: absolute;
    left: 0.3rem;
    top: 0.15rem;
    width: 0.45rem;
    height: 0.45rem;
    color: #3facef;
    z-index: 3;
    font-size: 0.5rem;
}
.slider{
    width: 12.42rem;
    height: 6.21rem;
}
.slider img{
    width: 100%;
    height: 6.21rem;
    float: left;
}
.num{
    position: absolute;
    bottom:0.14rem;
}
.scrollpics .num li{
    float: left;
    color: #ffffff;
}
.hotel_main span{
    display: inline-block;
    line-height: 1.49rem;
    width: 100%;
}
.hotel_main{
    padding: 0.45rem 0;
    background-color: #ffffff;
    color: #ffffff;
    font-size: 0.54rem;
    text-align: center;
    overflow-y: auto;
}
.voice_index{
    line-height: 1.5rem;
    color: #ffffff;
    border-radius: 0.1rem;
    background: url("../images/voice_index.jpg")no-repeat;
    background-size: 100% 100%;
    margin:0 0.45rem 0.15rem;
    overflow: hidden;
    position: relative;
}
.voice_index>a{
    color: #ffffff;
}
.voice_index i{
    font-size: 0.68rem;
    vertical-align: middle;
}
.hotel_index{

    height: 3rem;
    border-radius: 0.1rem;
    /*background:-webkit-linear-gradient(left,#f58754,#fd5451);
    background:-o-linear-gradient(right,#f58754,#fd5451);
    background:-moz-linear-gradient(right,#f58754,#fd5451);
    background:linear-gradient(to right,#f58754,#fd5451);*/
    background: url("../images/hotel_index.jpg")no-repeat;
    background-size: 100% 100%;
    margin:0 0.45rem 0.15rem;
    overflow: hidden;
    position: relative;
}

.travel_index{

    height: 3rem;
    border-radius: 0.1rem;
    /*background:-webkit-linear-gradient(left,#3cdee9,#03a8f8);
    background:-o-linear-gradient(right,#3cdee9,#03a8f8);
    background:-moz-linear-gradient(right,#3cdee9,#03a8f8);
    background:linear-gradient(to right,#3cdee9,#03a8f8);*/
    background: url("../images/travel_index.jpg")no-repeat;
    background-size: 100% 100%;
    margin:0 0.45rem 0.15rem;
    overflow: hidden;
    position: relative;
}
.scenic_index{

    height: 3rem;
    border-radius: 0.1rem;
    /*background:-webkit-linear-gradient(left,#75dd64,#1ecc5d);
    background:-o-linear-gradient(right,#75dd64,#1ecc5d);
    background:-moz-linear-gradient(right,#75dd64,#1ecc5d);
    background:linear-gradient(to right,#75dd64,#1ecc5d);*/
    background: url("../images/scenic_index.jpg")no-repeat;
    background-size: 100% 100%;
    margin:0 0.45rem 0.15rem;
    overflow: hidden;
    position: relative;
}
.food_index{

    height: 3rem;
    border-radius: 0.1rem;
    /*background:-webkit-linear-gradient(left,#fbb724,#fba423);
    background:-o-linear-gradient(right,#fbb724,#fba423);
    background:-moz-linear-gradient(right,#fbb724,#fba423);
    background:linear-gradient(to right,#fbb724,#fba423);*/
    background: url("../images/food_index.jpg")no-repeat;
    background-size: 100% 100%;
    margin: 0 0.45rem 0.15rem;
    overflow: hidden;
    position: relative;
}
.xiecheng_index{

    height: 3rem;
    border-radius: 0.1rem;
    /*background:-webkit-linear-gradient(left,#fbb724,#fba423);
    background:-o-linear-gradient(right,#fbb724,#fba423);
    background:-moz-linear-gradient(right,#fbb724,#fba423);
    background:linear-gradient(to right,#fbb724,#fba423);*/
    background: url("../images/xiecheng_index.jpg")no-repeat;
    background-size: 100% 100%;
    margin:0 0.45rem 0.15rem;
    overflow: hidden;
    position: relative;
}
.hotel_logo{
    border-right: 1px solid #e6e6e6;
    width: 3.77rem;
    height: 3rem;
}
.hotel_logo_noborder{
    width: 3.84rem;
    height: 3rem;
}
.hotel_txt{
    color: #ffffff;
    font-size: 0.54rem;
    height: 1.49rem;
    line-height: 1.49rem;
    width: 33.4%;
    display: block;
}
.hotel_logo #logo_icon{
    font-size: 1.38rem;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left:1.1rem;
    top: 1rem;
}
.hotel_logo #logo_icon_1{
    font-size: 1.9rem;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left:1rem;
    top: 1rem;
}
.hotel_logo #logo_icon_2{
    font-size: 1.31rem;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left:1.2rem;
    top: 1rem;
}
.hotel_logo #logo_icon_3{
    font-size: 1.3rem;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left:1.15rem;
    top: 1rem;
}
.hotel_logo #logo_icon_4{
    font-size: 1.2rem;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left:1.3rem;
    top: 1rem;
}
.hotel_a{

    height: 1.51rem;
    text-align: center;
    color: #ffffff;
    font-size: 0.54rem;
}
.hotel_bottom{
    border-bottom: 1px solid #e6e6e6;
}
/*酒店介绍的环境图片*/
.en_pic{
    width: 12.42rem;
    height: 6.21rem;
    position: relative;
}
.en_pic img{
    width: 12.42rem;
    height: 6.21rem;
}
.icon_1{
    margin-right: 0.3rem;
    font-size: 0.55rem;
}
.icon_2{
    font-size: 0.55rem;
}
/*房间列表*/
.room_list{
    margin-top: 0.3rem;
    background-color: #ffffff;
}
.room_ul li{
    padding: 0.3rem 0.45rem;
    border-bottom: 0.03rem solid #e6e6e6;
    position: relative;
}
.room_ul li .room_pic{
    width: 2.4rem;
    height: 2.4rem;
    position: relative;
}
.room_ul li .room_pic img{
    width: 2.4rem;
    height: 2.4rem;
}
.room_ul li .room_pic span{
    position:absolute;
    right:0.1rem;
    bottom: 0.1rem;
    background-color: #000000;
    width:0.66rem;
    height: 0.45rem;
    color: #ffffff;
    font-size: 0.33rem;
    line-height: 0.45rem;
    text-align: center;
    opacity: 0.5;
    border-radius: 0.04rem;
}
.room_ul li .room_title{
    width:6rem;
    height: 0.8rem;
    line-height: 0.8rem;
    position: absolute;
    color: #333333;
    top: 0.3rem;
    left: 3.32rem;
    font-size: 0.48rem;

}
.room_ul li .area{
    width: 6rem;
    line-height: 0.8rem;
    position:absolute;
    top:1rem;
    left: 3.32rem;
    font-size: 0.42rem;
    color: #999999;
}
.room_ul li .dis{
    height: 0.8rem;
    line-height: 0.8rem;
    color: #e68545;
    font-size: 0.42rem;
    position: absolute;
    left: 3.32rem;
    top: 1.8rem;
}
.room_ul li .money{
    position: absolute;
    top: 0.35rem;
    right: 0.45rem;
    font-size: 0.54rem;
    color: #d53130;
}
.room_ul li .money_1{
    position: absolute;
    font-size: 0.54rem;
    top: 0.9rem;
    right:1.2rem;
}
.room_ul li .more{
    width: 0.49rem;
    height: 0.49rem;
    line-height: 0.49rem;
    border: 1px solid #d53130;
    position: absolute;
    top:1.5rem;
    right:0.45rem;
    border-radius: 50%;
    text-align: center;
}
.room_ul li .more i{
    display: block;
    margin: 0 auto;
    font-size: 0.36rem;
    position: absolute;
    top:0;
    right:0;
}
.price_1{
    position: absolute;
    right: 0.45rem;
    top:1rem;
    color: #cccccc;

    text-decoration: line-through;
}
.price_1>i{
    font-size: 0.4rem!important;
}
.room_ul li .price i{
    font-size: 0.39rem;
}
.room_ul li .booking{
    width: 1.8rem;
    height: 0.72rem;
    line-height: 0.72rem;
    border-radius: 0.1rem;
    color: #ffffff;
    background-color: #d53130;
    font-size: 0.54rem;
    text-align: center;
    position: absolute;
    bottom:0.45rem ;
    right:0.45rem;
}
.room_ul li .noboking{
    width: 1.8rem;
    height: 0.72rem;
    line-height: 0.72rem;
    border-radius: 0.1rem;
    color: #ffffff;
    background-color: #cccccc;
    font-size: 0.54rem;
    text-align: center;
    position: absolute;
    bottom:0.45rem ;
    right:0.45rem;
}
/*遮罩*/
.holl{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5) none repeat scroll 0% 0%;
    text-align: center;
    display:none;
    z-index: 999;
}
.cover{
    width: 11.52rem;
    height: 16.11rem;
    margin: 25% auto;
}
.pic{

    position:relative;
}
.pic img{
    width: 11.52rem;
    height: 6.21rem;
}
.pic .number{
    width: 1.23rem;
    height: 0.6rem;
    line-height: 0.6rem;
    position: absolute;
    right: 0.3rem;
    bottom: 0.3rem;
    color: #ffffff;
    background-color: #333333;
    opacity: 0.5;
    font-size: 0.36rem;
    border-radius: 0.1rem;
}
.pic .dele{
    width: 0.64rem;
    height: 0.64rem;
    line-height: 0.64rem;
    border-radius: 50%;
    opacity: 0.5;
    background-color: #333333;
    color: #ffffff;
    position: absolute;
    top: 0.3rem;
    right:0.3rem;
    font-size: 0.38rem;
}
.main{
    background-color: #ffffff;
    border-bottom: 0.03rem solid #e6e6e6;
    text-align: left;
    padding: 0.45rem 0.45rem 0 0.45rem;
}
.main_border{
    border-bottom: 0.03rem solid #e6e6e6;
}
.main_ul{
    width:11.07rem;
    font-size: 0.48rem;
    display: inline;
    white-space: nowrap;
    line-height: 1rem;
    height: 1.5rem;
}
.main_ul li{
    display: inline-block;
    color: #999999;
    width: 5.76rem;
    white-space: nowrap;
    height:0.6rem;
    line-height: 0.6rem;
}
.main_ul li span{
    margin-left: 0.45rem;
    color: #333333;
}
.main_main{
    border-bottom: 0.03rem solid #e6e6e6;
    height: 4rem;
    overflow-y: scroll;
}
.main_title{
    font-size: 0.48rem;
    color: #999999;
    line-height:0.5rem;
    margin: 0.3rem 0;
}
.main_title span{
    margin-left: 0.45rem;
    color:#333333;
    width: 7.84rem;
}
.main_btn{
    height: 1.8rem;
    width: 100%;
    font-size: 0.48rem;
    position: relative;
}
.total{
    height: 0.9rem;
    line-height: 0.9rem;

}
.cost{
    color: #666666;
    font-size: 0.39rem;
    margin-right:0.45rem;
}
.main_btn a{
    width:3.24rem;
    height: 1.08rem;
    line-height: 1.08rem;
    color:#ffffff;
    background-color: #d53130;
    text-align: center;
    border-radius: 0.1rem;
    position: absolute;
    right:0;
    top: 0.3rem;
}
.room_more{
    background-color:#f5f5f5;
    position: relative;
}
.room_more h2{
    line-height: 0.92rem;
    font-size: 0.48rem;
    color:#000000;
}
.room_more h4{
    font-size: 0.42rem;
    line-height: 0.92rem;
    color: #333333;
    font-weight: normal;
}
.room_more h5{
    font-size: 0.42rem;
    line-height: 0.92rem;
    color: #999999;
    font-weight: normal;
}
.room_more li{
    height: 2.5rem;
    border-bottom: 0.03rem solid #e6e6e6;
    padding: 0.3rem 0.45rem;
}
.comment{
    background-color: #ffffff;
    padding: 0 0.45rem;
}
.com_detail{
    font-size: 0.42rem;
    color: #333333;
}
.com_detail li{
    border-bottom: 0.03rem solid #e6e6e6;
    padding: 0.5rem 0;
}
.com_detail li .pingf{
    display: inline-block;
    width: 0.81rem;
    height: 0.81rem;
    line-height: 0.81rem;
    background-color:#03a8f8;
    color: #ffffff;
    font-size:0.39rem;
    border-radius: 50%;
    text-align: center;
    margin-right:0.3rem;
}
.com_detail li h5{
    color: #999999;
    font-size: 0.39rem;
    height: 1rem;
    line-height: 1rem;
}
.com_detail li .c_title{
    height: 1.32rem;
    font-size: 0.42rem;
    line-height: 1.32rem;
    color: #333333;
}
.com_more{
    height: 1.32rem;
    line-height:1.32rem;
}
.com_more a{
    display: block;
    width: 4.2rem;
    height: 0.72rem;
    line-height: 0.72rem;
    margin: 0.25rem auto;
    border: 1px solid #03a8f8;
    text-align: center;
    color: #03a8f8;
    border-radius: 0.26rem;
    font-size: 0.42rem;
}
/*加载小图标*/
#caseBlanche_box{
    width: 12.42rem;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5) none repeat scroll 0% 0%;
    text-align: center;
}
#caseBlanche {
    height : 5rem;
    width : 5rem;
    position : absolute;
    z-index: 100;
    margin:70% 30%;
}
#caseBlanche #load {
    color : #03a8f8;
    font-family : calibri;
    text-align : center;
    position : absolute;
    top : 38%;
    left :32%;
}
#caseBlanche #load>p{
    font-size: 0.48rem;
}
#rond {
    height  : 2rem;
    width : 2rem;
    border : 1px solid #03a8f8;
    border-radius : 50%;
    position :absolute;
    top : 25%;
    left : 25%;
    animation : rond 2s infinite;
    -webkit-animation : rond 2s infinite;
}

@keyframes rond {
    0% {transform : rotate(0deg);}
    100% {transform : rotate(360deg);}
}

@-webkit-keyframes rond {
    0% {-webkit-transform : rotate(0deg);}
    100% {-webkit-transform : rotate(360deg);}
}
#test {
    height : 10px;
    width : 10px;
    position : absolute;
    background-color : #03a8f8;
    border-radius : 50%;
    top : 0px;
    left : 10px;
}
/*底部加载*/
.load{
    width: 12.42rem;
    margin-bottom: 0.3rem;
    font-size: 0.42rem;
}
.loading{
    color: #999999;
    font-size: 0.42rem;
    text-align: center;
}

.icshare{
    width: 0.48rem;
    height: 0.48rem;
    font-size: 0.5rem;
    color:#ffffff;
    margin-right:0.45rem;
}

/*选项卡*/
.tab{
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 1.44rem;
    overflow: auto;
}
.tab_title{
    border-bottom: 0.01rem solid #e6e6e6;
    text-align: center;
    display: block;
}
.tab_title li{
    display: inline-block;
    font-size: 0.48rem;
    line-height: 1.48rem;
    color: #999999;
    text-align: center;
    width: 45%;
}
.tab_title .on{
    color: #03a8f8;
    border-bottom: 0.06rem solid #03a8f8;
}
.tab_content{width: 100%}
.tab_content>p{
    display: none;
}
.tab_content>p:first-child{
    display: block;
}
.tab_content>div{
    display: none;
    overflow-x: scroll;
}
.tab_content>div:first-child{
    display: block;
}
.buy{
    width: 100%;
    height: 1.44rem;
    position: fixed;
    bottom: 0;
    line-height: 1.44rem;
    clear: both;
}
.buy a{
    display: inline-block;
    width: 50%;
}
.buy .hot_line{
    text-align: center;
    font-size: 0.42rem;
    color: #999999;
    margin: 0 auto;
    background-color: #ffffff;
}
.buy .hot_line span{
    width: 40%;
    font-size:0.42rem;
}
.buy .hot_line>b{
    text-align: left!important;
    font-size: 0.48rem;
}
.buy .hot_line>b>i{
    font-size: 0.42rem;
    font-weight: normal;
    font-style: normal;
    color: #999999;
    margin-left: 0.4rem;
}
.buy .buy_btn{
    background-color: #03a8f8;
    color: #ffffff;
    font-size: 0.48rem;
    text-align: center;
}
/*景区列表*/
.item_ul{

    position: relative;
}
.item_ul .item_list{
    height: 7.67rem;
    background-color: #ffffff;
    margin-bottom: 0.3rem;
    padding: 0.3rem 0.45rem;
    position: relative;
}
.item_ul .item_list>span:first-child{
    position: absolute;
    bottom: 3.45rem;
    right: 0.9rem;
    width: 2.37rem;
    height: 0.6rem;
    line-height: 0.6rem;
    background-color:#000000;
    opacity: 0.5;
    border-radius: 0.1rem;
    color: #ffffff;
    font-size: 0.36rem;
    text-align: center;
}
.item_ul .item_list img{
    width:11.52rem;
    height: 5rem;
}
.item_ul .item_list h5{
    font-size: 0.48rem;
    color: #333333;
    font-weight: normal;
}
.cleanfloat::after{
    display: block;
    clear: both;
    content:"";
    visibility: hidden;
    height: 0;
}

.starFive span{
    display: block;
    float: left;
    font-size: 0.26rem;
    text-align: center;
    color: #999999;
    width: 0.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    white-space: pre;
    position: relative;
    overflow: hidden;
    margin-top: 0.08rem;
}
.starFive span:before{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 50%;
    /*content:attr(data-content);*/
    overflow: hidden;
    color: #F63;
}
.sF1 span:before{
    width: 70%;
}
.starFive .org_star {
    color: #F63;
}
.starFive b{
    font-weight: normal;
    font-size: 0.36rem;
    color: #F63;
    float: left;
    margin-left: 0.3rem;
}
.item_ul .item_list>b{
    font-size: 0.36rem;
    color: #999999;
    font-weight: normal;
    margin-right: 0.5rem;
    float: left;
    line-height: 1rem;
}
/*address*/
.address{
    padding-top: 0.3rem;
    width: 12.42rem;
}
.address li{
    margin-bottom: 0.3rem;
    background-color: #ffffff;
    border-bottom: 1px solid #dadada;
    padding: 0.24rem 0.45rem 0;
}
.address li p{
    font-size: 0.46rem;
    color: #4d4d4d;
    line-height: 0.92rem;
}
.address li p span{
    margin-left:1.14rem;
}
.address li p.addr{
    color: #808080;
    padding-bottom: 0.24rem;
}
.addr-info{
    border-bottom: 1px solid #e6e6e6;
}
.radiobox{
    line-height: 1.32rem;
    display: block;
    font-size: 0.46rem;
    color: #333333;
}
.radiobox input{
    display: none;
}
.radiobox input+i:before{
    content: "\e672";
    color: #ccc;
}
.radiobox input:checked+i:before{
    content: "\e619";
    color: #1ea1f3;
}
.radiobox i{
    font-size: 0.55rem;
    color: #cccccc;
}
.addr-btn{
    line-height: 1.32rem;
    font-size: 0.46rem;
}
.exp-foot{
    margin-bottom:2.43rem;
}
.addr-btn a{
    margin-left: 0.48rem;
    color: #808080;
}
.btn-fix{
    width: 11.7rem;
    color: #ffffff;
    background-color: #3facef;
    position: fixed;
    text-align: center;
    line-height: 1.47rem;
    font-size: 0.46rem;
    display: block;
    bottom: 0.47rem;
    margin: 0 0.45rem;
    border-radius: 0.06rem;
}

/**/
.row-input{
    padding: 0 0.45rem;
    background-color: #ffffff;
    border-bottom: 0.01rem solid #e6e6e6;
    position: relative;
    font-size:0;
}
.row-input input{
    width: 100%;
    line-height: 1.29rem;
    font-size: 0.46rem;
}
.row-input>i{
    position: absolute;
    right: 0.45rem;
    font-size: 0.46rem;
    top: 0;
    line-height: 1.32rem;
}
.order-submit{
    margin-bottom: 1.47rem;
    width: 100%;
    overflow-y: scroll;
}
.order-address{
    margin: 0.3rem 0;
    background-color: #fdfcea;
    color: #808080 !important;
    font-size: 0.46rem;
    padding: 0.2rem 0.45rem;
    line-height: 1rem;
    position: relative;
}
.order-address p:first-child{
    color: #4d4d4d;
}
.order-address a>i{
    font-size: 0.46rem;
    position: absolute;
    right: 0.45rem;
    top: 0;
    line-height:2.4rem ;
}
.order-address a > .localicon{
    right: auto;
    left: 0.45rem;
    font-size: 0.8rem;
}
.emptyAddress{
    min-height:2rem;
}
.emptyAddress p{
    line-height: 2rem;
    text-indent: 1rem;
}
.order-container {
    margin: 0.3rem 0;
}
.order-item .item-footer, .order-item .item-btn, .order-item .item-message, .order-item .item-switch{
    line-height: 1.29rem;
    text-align: right;
    border-bottom: 0.01rem solid #e6e6e6;
    padding: 0 0.45rem;
}

.order-item{
    background-color: #ffffff;
    color: #4d4d4d;
    font-size: 0.46rem;
}
.order-item .item-body{
    padding: 0.2rem 0.45rem;
    border-bottom: 0.01rem solid #e6e6e6;
}
.order-item .item-body .item-img{
    width: 2.4rem;
    height: 2.4rem;
}
.order-item .item-body .item-img>img{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.order-item .item-body .item-info{
    padding-left: 0.5rem;
    position: relative;
}
.order-item .item-body .item-info h1{
    font-size: 0.46rem ;
    color: #4d4d4d;
    line-height: 0.8rem;
    font-weight: normal;
    width: 9rem;
}
.order-item .item-body .item-info span{
    font-size:0.4rem ;
    line-height: 0.66rem ;
    color: #808080 ;
}
.order-item .item-body .item-info .item-price{
    position: absolute;
    bottom: 0;
    width: 90%;
}
.order-item .item-message{
    position: relative;
    height: 1.29rem;
}
.order-item .item-message span{
    position: absolute;
    left: 0.45rem;
    top: 0.1rem;
    z-index: 5;
}
.order-item .item-message input{
    width: 100%;
    font-size: 0.46rem;
    position: absolute;
    top: 0.1rem;
    left: 0;
    height: 100%;
    text-indent:2.9rem;
    padding: 0 0.45rem;
}
.margin{
    margin: 0.3rem auto;
}
.check-box{
    position: relative;
}
#swc1{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
}
.chk_2:checked + .swc-icon::after{
    content: '';
    font-size: 1rem;
    position: absolute;
    background-color: #03a8f8;
    box-shadow: 0 0 1px #03a8f8;
}
.chk_2 + .swc-icon{
    background-color: #cccccc;
    border-radius: 1rem;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    width: 1rem;
    height: 0.6rem;
    top: 0.1rem;
    margin-left: 0.4rem;
}
.chk_2 + .swc-icon::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: box-shadow 0.1s ease-in;
    transition: box-shadow 0.1s ease-in;
    border-radius: 100px;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 0 #eee,0 0 1px rgba(0,0,0,0.4);
}
.chk_2:checked + .swc-icon::before{
    content: '';
    position: absolute;
    left: 0.45rem;
    border-radius: 1.5rem;
}
.chk_2 + .swc-icon::before{
    content: '';
    position: absolute;
    background: #ffffff;
    top: 0;
    left: 0;
    z-index: 100;
    width: 0.6rem;
    height:0.6rem;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    border-radius: 1rem;
    box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.3);
}
.fix{
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    line-height: 1.47rem;
    max-width: 12.42rem;
    z-index: 99;
}
.confirm-footer{
    background-color: #fafafa;
    padding: 0 0.45rem;
    font-size: 0.46rem;
    color: #4d4d4d;
    position: relative;
}
.confirm-footer>a{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 3.6rem;
    height: 1.47rem;
    background-color: #d53130;
    color: #ffffff;
    text-align: center;
}
.food_item{
    background-color: #ffffff;
    width: 100%;
    height: 2.8rem;
    line-height: 2.8rem;
    display: inline-block;
    clear: both;
}
.food_item div{
    margin: 0 auto;
    width:49%;
    display: inline-block;
}
.food_item a{
    display: inline-block;
    padding: 0.4rem 0.6rem;
    position: relative;
    width: 5rem;
}
.food_item a h1{
    font-weight: normal;
    font-size: 0.46rem;
    line-height: 0.64rem;
    color: #333333;
}
.food_item a h5{
    font-weight: normal;
    font-size:0.36rem;
    line-height: 0.4rem;
    color: #999999;
}
.food_item a>img{
    border-radius: 50%;
    width: 1.8rem;
    height: 1.8rem;
    overflow: hidden;
    position: absolute;
    right: 0.4rem;
    bottom: -0.25rem;
}
.food_item>div:first-child{
    border-right: 0.01rem solid #e6e6e6;
}

.food_list div{
    display: inline-block;
    vertical-align:top;
}
.food_list li{
    margin-bottom: 0.3rem;
    padding: 0.3rem 0.45rem;
    position: relative;
    background-color: #ffffff;
    font-size:0;
}
.food_list li .food_img{
    width: 3.6rem;
    height: 3.6rem;
    vertical-align:top;
    margin-right: 0.45rem;
}
.food_list li .food_img>img{width: 3.6rem;height: 3.6rem;}
.food_list .food_info{


    vertical-align:top;
}
.food_list .food_info h1{
    font-size: 0.48rem;
    color: #333333;
    line-height: 0.8rem;
    font-weight: normal;
}
.food_list .food_info h5{
    font-size:0.36rem;
    color: #999999;
    line-height: 0.8rem;
    font-weight: normal;
}
.food_list .food_info>span{
    border-radius: 0.1rem;
    border: 1px solid #3facef;
    text-align: center;
    color: #3facef;
    font-size: 0.34rem;
    line-height: 0.5rem;
    padding: 0 0.1rem;
    position: absolute;
    right: 0.45rem;
    top: 1.2rem;
}
.food_list .food_info .food_price{
    font-size: 0.4rem;
    position: absolute;
    bottom: 0.5rem;
    font-weight: bold;
}
.food_list .food_info .food_price>span{
    color: #999999;
    font-size: 0.34rem;
    margin-left: 0.5rem;
}
.food_list .food_info .food_price>span>b{
    font-weight: normal;
}
/*美食评价*/
.food_ass_div{
    font-size: 0;
}
.food_ass_div .food_title{
    background-color: #ffffff;
    padding: 0.3rem 0.45rem;
    vertical-align:top;
    margin-bottom: 0.3rem;
}
.food_ass_div .food_title a{
    display: inline-block;
    padding:0 0.1rem;
    line-height: 0.56rem;
    border-radius: 0.06rem;
    color: #666666;
    border: 1px solid #666666;
    font-size: 0.36rem;
    margin-right: 0.3rem;
    margin-bottom:0.3rem;
}
.food_ass_div .food_title .on{
    color: #d53131;
    border: 1px solid #d53131;
}
.assessment_item{
    background-color:#ffffff;
    padding: 0 0.45rem;
}
.ass_list{
    border-bottom:1px solid #cccccc;
    position: relative;
    padding: 0.3rem auto!important;
}
.ass_list .ass_img{
    width: 15%;
    display: inline-block;
    vertical-align:top;
    padding-top: 0.3rem;
}
.ass_list .ass_img>img{
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 50%;
    overflow: hidden;
}
.ass_list .ass_info{
    width: 85%;
    display: inline-block;
    margin: 0.3rem auto;
}
.ass_list .ass_info h1{
    font-size: 0.36rem;
    color: #333333;
}
.ass_list .ass_info h1>span{
    font-size: 0.3rem;
    color: #999999;
    font-weight: normal;
}
.ass_list .ass_info p:first-child{
    line-height:0.8rem;
}
.ass_list .ass_info .p_info{
    font-size: 0.3rem;
    color: #333333;
    line-height:0.5rem;
    margin: 0.2rem auto;
}
.ass_list .food_pic{
    display: inline-block;
}
.ass_list .food_pic>li{
    width: 2rem;
    height: 1.8rem;
    margin-right: 0.3rem;
    display: inline-block;
}
.ass_list .food_pic>img{
}


/*套餐详情*/
.dining_info{
    margin: 0.3rem 0;
    background-color: #ffffff;
    padding: 0 0.45rem;
}
.dining_info .dining_title{
    font-size: 0.48rem;
    line-height: 1.32rem;
}
.dining_detail{
    display: flex;
    padding-bottom: 0.3rem;
}
.dining_detail>img{
    width: 1.6rem;
    height: 1.6rem;
}
.dining_detail h1{
    font-weight: normal;
    font-size: 0.48rem;
    color: #333333;
    line-height: 0.5rem;
}
.dining_detail .dining_addr{
    font-size: 0.36rem;
    color: #999999;
}
.dining_detail .dining_name{
    margin-left: 0.4rem;
    width: 85%;
    position: relative;
}
.dining_detail .dining_name>i{
    position: absolute;
    top: 0;
    right:0;
    font-size: 0.8rem;
    line-height: 1.6rem;
}
.user_comment{
    background-color:#ffffff;
    font-size: 0;
}

.dining_box{
    position: relative;
    font-size: 0;
}
.dining_shade{
    position: absolute;
    bottom: 0;
    height: 2.95rem;
    overflow-y: scroll;
    background-color: rgba(0,0,0,0.5);
    padding: 0.2rem 0.45rem;
}
.dining_shade span{
    font-size: 0.48rem;
    color: #ffffff;
    line-height: 1rem;
}
.dining_shade h5{
    font-weight: normal;
    font-size: 0.36rem;
    color: #ffffff;
    line-height: 0.6rem;
}
.soll{
    font-size: 0.36rem;
    color: #999999;
}
.journey{
    padding:0.3rem 0.45rem;
    font-size: 0.42rem;
}
.journey h1{
    font-size:0.42rem;
    font-weight: normal;
}
.journey h1>b{
    margin-right:0.2rem;
}
.schedule h5{
    font-size: 0.3rem;
    line-height: 1rem;
    color: #333333;
}
.schedule h5>i{
    margin-right: 0.7rem;
}
.schdule_info{
    border-left: 1px solid #cccccc;
    padding-left: 0.85rem;
    margin-left: 0.151rem;
}
.schdule_info .schedule_txt{
    background-color: #f5fbff;
    width: 10.03rem;
    padding: 0.3rem;
}
.schdule_info .schedule_txt>p{
    font-size: 0.3rem;
    color: #666666;
    line-height: 0.5rem;
}
.schdule_info .schedule_txt>img{
    margin-top: 0.3rem;
}
.ass_box{
    background-color: #ffffff;
    margin-top: 0.3rem;
}
.ass_box_list{
    font-size: 0.48rem;
    line-height: 1.32rem;
    padding: 0 0.45rem;
    background-color: #ffffff;
}
.order-container>b{
    text-align:right!important;
    color: #999999;
    float: right;
    font-weight: normal;
}
.ass_box_list>span,.ass_box_list_1>span{
    width: 2.5rem;
    display: inline-block;
}
.ass_box_list_1{
    font-size: 0.42rem;
    line-height: 1.32rem;
    padding: 0 0.45rem;
}
.text_area{
    width: 11.52rem;
    height:3.6rem;
    margin: 0.3rem 0.45rem;
    border-bottom: 1px solid #cccccc;
    color: #333333;
    font-size: 0.42rem;
    line-height: 0.5rem;
    resize:none;
}

.return_reason_mask{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 100;
}
.reason_info{
    padding: 0 0.45rem;
}
.reason_box{
    background: #ffffff;
    height: 6rem;
    width: 100%;
    position: absolute;
    bottom: 1.32rem;
}
.reason_box .reason_title{
    border-bottom: 1px solid #cccccc;
    height: 1.32rem;
    font-size: 0.48rem;
    text-align: center;
    line-height: 1.32rem;
}


/*星星评分*/
.star{
    font-size: 0.48rem;
    display: inline-block;
    z-index: 10000;

}
.star li{
    display: inline-block;
}
.star_on{
    font-size: 0.48rem;
    width: 0.48rem;
    height: 0.48rem;
    color: #999999;
}
.ass_box_list_1>input{
    width: 100%;
    line-height: 1.32rem;
}
.div_1{
    text-align: center;
    margin: 5px 5px 0 auto;
}
/*我的钱包*/
.purse_head{
    background-color: #129aee;
    text-align: center;
    color: #ffffff;
    padding: 0.6rem 0;
}
.purse_head>p{
    font-size: 0.48rem;
    color:#ffffff;
    line-height: 0.6rem;
}
.purse_head>h1{
    font-size:1.2rem;
    line-height: 2rem;
}

.purse_head>a{
    display: block;
    width: 2.1rem;
    line-height: 0.72rem;
    border-radius: 0.1rem;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 0.42rem;
    text-align: center;
    margin: 0 auto;
}
.pur_tab{overflow: hidden;background-color:#ffffff;margin-bottom: 0.3rem;}
.pur_tab>div{
    width: 50%;
    text-align: center;
    font-size:0.54rem;line-height: 1.32rem;
}
.pur_tab_on{
    color: #129aee;
    border-bottom: 2px solid #129aee;
}
.pur_detail{
    background-color:#ffffff;
}
.pur_detail>ul{
    display: none;
    padding: 0 0.45rem;
}
.pur_detail>ul>li{
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    padding:0.3rem 0;
}
.pur_detail>ul>li h5{
    font-size: 0.48rem;
    color: #4d4d4d;
    font-weight: normal;
    line-height: 1rem;
    width: 11rem;
}
.pur_detail>ul>li p{
    font-size: 0.42rem;
    color:#808080;
    line-height:0.6rem;
    width: 11rem;
}
.pur_detail>ul>li p>span{
    color: #4d4d4d;
}
.pur_detail>ul>li p>b{
    font-weight: normal;
    color: #808080;
}
.pur_detail>ul>li i{
    position: absolute;
    right:0;
    top: 0.9rem;
    vertical-align:middle;
}
.pur_detail>ul:first-child{
    display: block;
}
.draw_info{
    background-color: #ffffff;
}
.draw_info>p{
    font-size: 0.42rem;
    line-height: 1rem;
    padding: 0 0.45rem;
    color: #808080;
}
.draw{
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0.45rem;
    font-size: 0;

}
.draw>p{
    font-size: 0.48rem;
    line-height: 1rem;
}
.draw>p>input{
    width: 90%;
    line-height: 1rem;
    font-size: 0.6rem;
    font-weight: bold;
    text-indent: 0.2rem;
}
.a_btn{
    width: 11.7rem;
    color: #ffffff;
    background-color: #3facef;
    text-align: center;
    line-height: 1.47rem;
    font-size: 0.46rem;
    display: block;
    margin: 1rem 0.45rem 0;
    border-radius: 0.06rem;
}
.container>a{
    background-color: #ffffff;
    padding: 0 0.45rem;
    line-height: 1.32rem;
    display: block;
    font-size: 0.48rem;
    color: #333333;
}
.info_li .span_color{
    color: #808080;
    width: 2.75rem;
    display: inline-block;
}
.info_li b{
    font-weight: normal;
}
/*用户头像*/
.user_pic{
    position: fixed;
    right: 0.45rem;
    top: 0.94rem;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 0.5rem #757575;
    width: 0.94rem;
    height: 0.94rem;
}
.user_pic img{
    width: 0.94rem;
    height: 0.94rem;
}


/*音频播放器*/
.play_autio{
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0.9rem;
    color: #ffffff;
    z-index: 999999;
    width: 11.52rem;
    font-size: 0.39rem;
    padding: 0 0.45rem;
}
.play_box{
    background-color: #ffffff;
    border-radius: 0.1rem;
    position: absolute;
    left: 0;
    top: 40%;
    padding: 0.45rem;
    margin: 0 0.45rem;
    width: 10.622rem;
}
.play_pic{
    width: 3.6rem;
    height: 3.6rem;
    overflow: hidden;
    border-radius: 0.1rem;
    margin-right: 0.45rem;
}
.play_info{
    width: 60%;
    position: relative;
}
.play_info>p{
    font-size: 0.39rem;
    color: #333333;
    line-height: 0.46rem;
    text-align: left;
    margin-top: 0.45rem;
    height:1.8rem;
}
.play_info>i:first-child{
    position: absolute;
    right:0;
    top: 0;
    font-size: 0.42rem;
    color: #999999;
}
.play_info>a{
    display: inline-block;
    font-size: 0.42rem;
    padding:0.1rem 0.2rem;
    border-radius: 0.5rem;
    width:2.5rem;
    line-height: 0.6rem;
    text-align: center;
}
.star_play{
    color: #ffffff;
    background:-webkit-linear-gradient(left,#f58754,#fd5451);
    background:-o-linear-gradient(right,#f58754,#fd5451);
    background:-moz-linear-gradient(right,#f58754,#fd5451);
    background:linear-gradient(to right,#f58754,#fd5451);
    box-shadow: 0 1px 3px #999999 ;
}
.play_info>a:last-child{
    color: #ff7a4d;
    border: 1px solid #ff7a4d;
}
/*音频播放--放大模式---*/
.play_box_big{
    margin: 0 0.45rem;
    position: absolute;
    top: 30%;
    width: 11.52rem;
}
.play_box_big_pic>img{
    width:11.52rem;
    height: 6rem;
}
.play_box_big_info{
    background-color: #ffffff;
    padding:0 0.45rem;

}
.play_box_big_info>p{
    font-size: 0.39rem;
    color: #333333;
    line-height: 0.46rem;
    text-align: left;
    padding:0.5rem 0;
}
.play_box_big_pic{
    position: relative;
    font-size: 0;
}
.play_box_big_pic>i{
    position: absolute;
    top:0.3rem;
    right: 0.3rem;
    font-size: 0.39rem;
    color: #ffffff;
    background:rgba(0,0,0,0.5);
    width: 0.66rem;
    height: 0.66rem;
    border-radius: 50%;
    line-height: 0.66rem;
    text-align: center;
}
/*进度条*/
.play_box_big_info>.video{
    border-top: 1px solid #e6e6e6;
    display: block;
    text-align: left;
    padding: 0.3rem 0;
}
.video>.progress_bar_bg{
    background-color: #ff7a4d;
    width: 1%;
    max-width: 100%;
    height: 0.9rem;
    display: block;
}

/*语音导游*/
.video_btn{
    width: 2.85rem;
    line-height: 0.9rem;
    border-radius: 0.1rem;
    vertical-align: middle;
    margin:0.2rem 0;
    color: #ffffff;
    text-align: center;
    background:-webkit-linear-gradient(left,#f58754,#fd5451);
    background:-o-linear-gradient(right,#f58754,#fd5451);
    background:-moz-linear-gradient(right,#f58754,#fd5451);
    background:linear-gradient(to right,#f58754,#fd5451);
}
.box_shadow{
    box-shadow: 0 0 10px #cccccc;
    border-radius: 0.1rem;
    margin: 0.3rem 0.45rem;
}
.box_pos{
    position: absolute;
    top: 5.4rem;
    width: 100%;
    z-index: 2;
}
.box_margin{
    margin-top: 2.3rem;
}
.allmap{
    position: relative;
}
.video_box{
    width:9rem;
    border-radius: 0.1rem;
    overflow: hidden;
    position: absolute;
    top:5rem;
    margin: 0 1.65rem;
}
.video_top{
    background-color: #ffffff;
    line-height:0.96rem;
    padding: 0 0.45rem;
    font-size: 0.48rem;
}
.video_top>i{
    color: #999999;
}
.video_foot{
    background-color:#e8f2f2;
    overflow: hidden;
    padding: 0.5rem 0.45rem;
}
.video_pic{
    font-size: 0;
}
.video_pic>img{
    width:3rem;
    height: 3rem;
    border-radius: 0.1rem;
    overflow: hidden;
}
.video_info{
    width:4.5rem;
}
.video_info>p{
    font-size: 0.39rem;
    line-height: 0.42rem;
    height:1.8rem;
    overflow-y: scroll;
    margin-top: 0.2rem;
}
.video_info>a{
    display: inline-block;
    width: 2rem;
    border-radius: 0.5rem;
    font-size:0.39rem;
    text-align: center;
    line-height: 0.72rem;
}
.video_info>a:last-child{
    border: 1px solid #ff994d;
    color: #ff994d;
}
.index_tab{
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #f5f5f5;
    border-top: 1px solid #999999;
    height: 1.5rem;
}
.index_tab>ul{
    font-size: 0;
}
.index_tab li{
    display: inline-block;
    width: 20%;
    font-size: 0.36rem;
    text-align: center;
    color: #999999;
    line-height: 1.47rem;
    vertical-align: middle;
}
.index_tab li>i{
    font-size: 0.7rem;
    display: block;
    line-height: 0.9rem;
}
.index_tab li>b{
    font-weight: normal;
    display: block;
    line-height: 0.6rem;
}
.color_blue{
    color:#129aee!important;
}
.place_away{width: 9rem;display: inline-block;color: #000000;}
.place_away>b:first-child{max-width:6rem; }


/*上传图片通用样式*/
.upload-ul{ position: relative;  display: inline-block; *display: inline; *zoom:1; max-width: 520px; }
.upload-ul li{ position: relative; float: left; display: inline-block; width: 3.3rem; height: 3.3rem; margin: 0 0.5rem 0.5rem 0; padding: 0; border: none; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; overflow: hidden; }
.upload-pick{ background: url(../images/upload-bj.png)}
.upload-pick:hover{ background: url(../images/upload-bj.png) no-repeat 100% 100%; }
.webuploader-pick{position: relative;display: inline-block;vertical-align: top; width: 100%; height: 100%;}
.webuploader-container{ position: relative; width: 100%; height: 100%; }
.webuploader-container label{position: absolute;left: 0;top: 0;width: 100%;}
.webuploader-element-invisible{opacity: 0;width: 100%;height: 100%;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);}
.viewThumb{ position:relative;width: 100%;height: 100%;overflow:hidden;border-radius: .3rem;}
.viewThumb img{ width: 100%;height: 100%}
.diyBar{ position: absolute; display:none; top: 0;left: 0;width: 100%;height: 100%;background: url(../images/bgblack.png);z-index: 3;}
.diyProgress{ position: absolute; left: 0;top: 33px;width: 100%;height: 24px;line-height:24px;font-size: 14px;text-align: center;color: #FFF;background:rgba(10,168,241,.7); z-index: 3;}
.diyControl{ position: absolute; display:none; left: 0;bottom: 0;width: 100%;height: 24px;line-height:24px;font-size: 14px;background: url(../images/bgblack.png); z-index: 3; }
.viewThumb:hover .diyControl{ display: block; }
.diyControl span{ display: inline-block; padding: 6.5px 11px; width: 12px; height: 11px; }
.diyControl span i{ display: block; width: 12px; height: 11px; opacity: .7; }
.diyControl span i:hover{ opacity: 1; cursor: pointer; }
.diyLeft{ margin-left: 3px; }
.diyLeft{ margin-right: 3px; }
.diyLeft i{ margin-left: 3px; background: url(../images/upload-icon1.png) no-repeat 0 0; }
.diyCancel i{ background: url(../images/upload-icon1.png) no-repeat 0 -11px; }
.diyRight i{ margin-right: 3px; background: url(../images/upload-icon1.png) no-repeat 0 -22px; }

.upload-btn{ display: inline-block; padding: 10px 50px; font: 16px/20px 'Microsoft YaHei'; background:rgba(10,168,241,.7); color: #fff; border-radius: 5px; }
.upload-btn:hover{ background:rgba(10,168,241,1) }

/*首页二级菜单*/
.tab_sort{padding:0.45rem 0 0; background: #fff;margin-bottom:0.3rem; }
.tab_sort ul{width: 100%;}
.tab_sort li{display: inline-block;width: 24%;text-align: center;margin-bottom: 0.2rem;}
.tab_sort li>img{width:1.5rem;height:1.5rem; text-align: center;}
.tab_sort li>p{font-size:0.4rem;text-align: center;line-height: 0.7rem; color: #1a1a1a;}


